<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>新昌县城乡公交数智大脑</title>
        <link rel="stylesheet" href="../css/sztest.css">
		<link rel="stylesheet" href="../css/defaultNormal.css">
    </head>
    <body>
        <header>
            <h1>新昌县城乡公交数智大脑</h1>
            <div style="float: right;margin-top:-75px;margin-right: 30px;">
            	<div class="weather"><span id="weatherToday"></span></div>
            </div>
            <img id="home" src="../images/cityBus/首页.png" style="float: right;margin-top:-45px;margin-right: 298px;cursor: pointer;"/>
            <div class="showTime" style="margin-top: 15px;"></div>
        </header>
        <section class="mainbox">
            <div class="column">
                <div class="panel3 line2">
                    <h2>城乡公交运营分析</h2>
                    <div class="chart">
                        <div class="sycm">
                            <ul class="clearfix">
                              <li><h2>18867</h2><span>日总班次</span></li>
                              <li><h2>6503.9</h2><span>线路长度</span></li>
                              <li><h2>20</h2><span>发车间隔</span></li>
                              </ul>
                              <div style="border-bottom: 1px solid rgba(255,255,255,.1)"></div>
                            <ul class="clearfix">
                              <li><h2>7.91</h2><span>客运价格</span></li>
                              <li><h2>1226148</h2><span>线路月均客流量</span></li>
                              <li><h2>2.12</h2><span>线路平均票价</span></li>
                              </ul>      
                        </div>
                    </div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel3 bar">
                    <h2>公交化总览
                        <!-- <a href="javacript:;">城市公交</a>
                        <a href="javacript:;">城乡公交</a>
                        <a href="javacript:;">农村客运</a> -->
                    </h2>
                    <div class="chart">
                        <ul class="ul_title">
                        	<li>区域名</li>
                            <li>行政村数量</li>
                            <li>车辆数</li>
                            <li>线路数</li>
                            <li>通达村占比</li>
                            <li>公交化率</li>
                        </ul>
                        <div class="ul_list">
                        	<div class="ul_listIn">
                                <ul class="ul_con">
                                    <li>新昌县</li>
                                    <li>241</li>
                                    <li>114</li>
                                    <li>241</li>
                                    <li>43</li>
                                    <li>24.90</li>
                                </ul>
                                <ul class="ul_con">
                                    <li>羽林街道</li>
                                    <li>8</li>
                                    <li>54</li>
                                    <li>245</li>
                                    <li>45</li>
                                    <li>100</li>
                                </ul>
                                <ul class="ul_con">
                                    <li>南明街道</li>
                                    <li>24</li>
                                    <li>114</li>
                                    <li>56</li>
                                    <li>48</li>
                                    <li>78</li>
                                </ul>
                                <ul class="ul_con">
                                    <li>七星街道</li>
                                    <li>78</li>
                                    <li>45</li>
                                    <li>77</li>
                                    <li>45</li>
                                    <li>92</li>
                                </ul>
                                <ul class="ul_con">
                                    <li>澄潭街道</li>
                                    <li>56</li>
                                    <li>65</li>
                                    <li>48</li>
                                    <li>55</li>
                                    <li>66</li>
                                </ul>
                                
                                 
                            </div>
                       </div>
                    </div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel5 line">
                    <h2>交通态势监测</h2>
                    <h2>
                        <a id="yunyinglc" key="1" class="tab" href="javacript:void(0);">实时客流</a>
                        <a id="yunyingcl" key="1" class="tab" href="javacript:void(0);">拥堵指数</a>
                        <a id="keyunl" key="1" class="tab" href="javacript:void(0);">平均车速</a>
                    </h2>
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                    <!-- <div class="chart" style="height:300px;">
                        
                    </div> -->
                    <div class="panel-footer"></div>
                </div>
            </div>
            <div class="column" style="margin-bottom: 0px;">
                <div class="no" style="z-index: 10;">
                    <div class="no_hd">
                        <ul>
                            <li>4058</li>
                            <li>2043</li>
                            <li>30145</li>
                            <li>58.23</li>
                        </ul>
                    </div>
                    <div class="no_bd">
                        <ul>
                            <li>今日客流量（人次）</li>
                            <li>运营里程（公里）</li>
                            <li>班次数（班次）</li>
                            <li>运营车速（km/h）</li>
                        </ul>
                    </div>
                </div>
                <div class="map" style="margin-top:0;">
                    <div class="map1"></div>
                    <div class="map2"></div>
                    <div class="map3"></div>
                    <div id="szMap" class="chart"></div>
                </div>
                <div class="panel2 day" style="margin-bottom: 0px;">
                    <h2>近30天客流量</h2>
                    <div class="chartday"></div>
                    <div class="panel-footer"></div>
                </div>

            </div>
            <div class="column">
                <div class="panel2 bar2">
                    <div class="bar_hd">
                        <ul>
                            <li>班次执行率</li>
                            <li>车辆上线率</li>
                            <li>里程利用率</li>
                            <li>整体上座率</li>
                        </ul>
                    </div>
                    <div class="chart">
                        <div class="chartyibiao1"></div>
                        <div class="chartyibiao2"></div>
                        <div class="chartyibiao3"></div>
                        <div class="chartyibiao4"></div>
                    </div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel6 line2">
                    <div class="chart3"></div>
                    <div class="chart2"></div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel4 biao2">
                    <h2>乘客情报板</h2>
                    <div class="chart">
                        <ul class="xcspwt-box js-xcspwt">
                            <li>
                                <span>120路</span>
                                <span >120路的蒋师傅油门踩得也忒猛了，就几站路，坐得人晕头晃脑的……</span>
                            </li>
                            <li>
                                <span>110路</span>
                                <span >110路公交车环境整洁、乘坐舒服、发车频率高，值得点赞</span>
                            </li>

                        </ul>
                    </div>
                    <div class="panel-footer"></div>
                </div>
            </div>
            <div style="clear:both;"></div>
        </section>
        <script src="../js/flexible.js"></script>
        <script src="../js/echarts5.2/echarts.min.js"></script>
        <!-- 先引入jquery -->
        <script src="../js/jquery.js"></script>
        <!-- 必须先引入china.js 这个文件 因为中国地图需要 -->
        <script src="../js/china.js"></script>
        <script src="../js/zhejiang.js"></script>
        <script src="../js/jquery.numscroll.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(".shu1").numScroll();
            $(".shu2").numScroll();
            $(".shu3").numScroll();
            $(".shu4").numScroll();
            $(".shu5").numScroll();
            $(".shu6").numScroll();

            /*$(".num2").numScroll({
                time:5000
            });*/
        </script>
        <script src="../js/xcx.js"></script>
        <script src="../js/echarts5.2/echarts-china-cities-js/js/shape-with-internal-borders/zhe4_jiang1_shao4_xing1.js"></script>
        <script src="../js/time.js"></script>
		<script src="../js/weather.js"></script>
		<script src="../js/extJs.js"></script>
		<script src="../js/djtest.js"></script>
    </body>
</html>
